<link rel="stylesheet" type="text/css" href="cssMenu/default.css" />
<link rel="stylesheet" type="text/css" href="cssMenu/component.css" />
<script src="jsMenu/modernizr.custom.js"></script>
<script src="jsMenu/changeClass.js"></script>

<div class="main clearfix">
	<nav id="menu" class="nav">					
		<ul>
			<li>
				<a href="index.php">
					<span class="icon">
						<i aria-hidden="true" class="icon-home"></i>
					</span>
					<span>Inicio</span>
				</a>
			</li>
			<li>
				<a href="laEmpresa.php">
					<span class="icon"> 
						<i aria-hidden="true" class="icon-services"></i>
					</span>
					<span>La Empresa</span>
				</a>
			</li>
			<li>
				<a href="productos.php">
					<span class="icon">
						<i aria-hidden="true" class="icon-portfolio"></i>
					</span>
					<span>Productos</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="icon">
						<i aria-hidden="true" class="icon-blog"></i>
					</span>
					<span>Puntos de Venta</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="icon">
						<i aria-hidden="true" class="icon-team"></i>
					</span>
					<span>FAQ</span>
				</a>
			</li>
			<li>
				<a href="certificaciones.php">
					<span class="icon">
						<i aria-hidden="true" class="icon-certificaciones"></i>
					</span>
					<span>Certificaciones</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="icon">
						<i aria-hidden="true" class="icon-contact"></i>
					</span>
					<span style="font-size: 1em">Cont&aacute;ctenos</span>
				</a>
			</li>
		</ul>
	</nav>
</div>